<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <h:head>
        <title>#{hmBn.UI_TITLE_MAIN}</title>
        <link rel="icon" href="/favicon.ico"/>
        <meta lang="#{mainMenuBean.localeUrlCode}"/>
        <meta name="keywords" content="#{hmBn.keyWords}"/>
        <meta name="description" content="#{mainMenuBean.META_OG_DESCRIPTION}"/>
        <meta property="og:title" content="TrendEconomy"/>
        <meta property="og:url" content="http://trendeconomy.com"/>
        <meta property="og:image" content="#{mainMenuBean.httpHeader}/resources/images/og_#{mainMenuBean.localeUrlCode}.png"/>
        <meta property="og:image:width" content="1000"/>
        <meta property="og:image:height" content="500"/>
        <meta property="og:type" content="article"/>
        <meta property="og:description" content="#{hmBn.UI_TITLE_MAIN}"/>
        <link rel="stylesheet" type="text/css" href="/resources/fa/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="/resources/fa/fonts/fontawesome-webfont.woff"/>
        <link rel="stylesheet" type="text/css" href="/resources/css/gw.m.css"/>
        <script type="text/javascript" src="/resources/js/jquery-1.11.2.min.js"></script>
        <script type="text/javascript" src="/resources/js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="/resources/js/gw.js"></script>
        <link rel="alternate" hreflang="x-default" href="#{mainMenuBean.urlEn}" />
        <link rel="alternate" hreflang="#{mainMenuBean.hrefLangEn}" href="#{mainMenuBean.urlEn}" />
        <link rel="alternate" hreflang="#{mainMenuBean.hrefLangRu}" href="#{mainMenuBean.urlRu}" />
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
    </h:head>
    <h:body>
        <ui:include src="header.xhtml"/>
        <a href="#{hmBn.tradeUrl}" class="gw-table-row-hl gw-a-nohover" style="border:1px solid #aaa;border-radius:4px;margin:2px;">
            <div style="vertical-align:middle;display:table;">
                <div style="display:table-row;">
                    <div style="display:table-cell;height:100%;width:74px;vertical-align:middle;text-align:center;">
                        <img border="none;" alt="#{hmBn.labelTrade}" width="64" height="64" src="/resources/images/trade.png"/>
                    </div>
                    <div style="display:table-cell;vertical-align:middle;margin:0px 4px;">
                        <h1 style="margin-top:2px;">#{hmBn.labelTrade}</h1>
                        <div style="font-size:12px;">#{hmBn.infoTrade}</div>
                    </div>
                </div>
            </div>
        </a>
        <a href="#{mainMenuBean.indicatorsUrl}" class="gw-table-row-hl gw-a-nohover" style="border:1px solid #aaa;border-radius:4px;margin:2px;">
            <div style="vertical-align:middle;display:table;">
                <div style="display:table-row;">
                    <div style="display:table-cell;height:100%;width:74px;vertical-align:middle;text-align:center;">
                        <img border="none;" alt="#{hmBn.labelIndicators}" src="/resources/images/indicators.png" width="64" height="40" style="margin-right:10px;"/>
                    </div>
                    <div style="display:table-cell;height:100%;vertical-align:middle;margin:0px 4px;">
                        <h1 style="margin-top:2px;">#{hmBn.labelIndicators}</h1>
                        <div style="font-size:12px;">#{hmBn.infoIndicators}</div>
                    </div>
                    <div style="display:table-cell;height:100%;vertical-align:middle;width:12px;"></div>
                </div>
            </div>
        </a>
        <a href="#{mainMenuBean.industriesUrl}" class="gw-table-row-hl gw-a-nohover" style="border:1px solid #aaa;border-radius:4px;margin:4px;">
            <div style="vertical-align:middle;display:table;">
                <div style="display:table-row;">
                    <div style="display:table-cell;height:100%;width:74px;vertical-align:middle;text-align:center;">
                        <img border="none;" alt="#{hmBn.labelIndustries}" src="/resources/images/trade2.png" width="64" height="46" style="margin-right:10px;"/>
                    </div>
                    <div style="display:table-cell;height:100%;vertical-align:middle;margin:0px 4px;">
                        <h1 style="margin-top:2px;">#{hmBn.labelIndustries}</h1>
                        <div style="font-size:12px;">#{hmBn.infoIndustries}</div>
                    </div>
                </div>
            </div>
        </a>
        <div class="gw-t-cnt" style="min-height:100px;">
            <table class="gw-t gw-t-01">
                <tr>
                    <th class="gw-th gw-th-fr gw-th-01" style="width:100px;color:transparent;">-----------------------------------------------------------------------------------</th>
                    <th class="gw-th gw-th-fr-back gw-th-01" style="width:100px;"> </th>
                    <c:forEach items="#{hmBn.indicators}" var="i">
                        <th class="gw-th gw-th-01" style="width:#{i.minWidth}px;">#{i.shortname}</th>
                    </c:forEach>
                </tr>
                <c:forEach items="#{hmBn.results}" var="r">
                    <c:if test="#{r.index==12 || r.index==24}">
                        <tr>
                            <th class="gw-th gw-th-fr gw-th-01" style="width:100px;color:transparent;">-----------------------------------------------------------------------------------</th>
                            <th class="gw-th gw-th-fr-back gw-th-01" style="width:100px;"> </th>
                            <c:forEach items="#{hmBn.indicators}" var="i">
                                <th class="gw-th gw-th-01" style="width:#{i.minWidth}px;">#{i.shortname}</th>
                            </c:forEach>
                        </tr>
                    </c:if>
                    <tr class="gw-tr gw-tr-01">
                        <td class="gw-td gw-td-fr gw-th">#{r.countryName}</td>
                        <td class="gw-td gw-td-fr-back">#{r.countryName}</td>
                        <c:forEach items="#{r.details}" var="v">
                            <td class="gw-td" style="text-align:right;white-space:nowrap;">
                                <c:choose><c:when test="#{v.hasLink}"><a href="#{v.indicatorUrl}">#{v.valueStr}</a></c:when><c:otherwise>#{v.valueStr}</c:otherwise></c:choose>
                            </td>
                        </c:forEach>
                    </tr>
                </c:forEach>
            </table>
        </div>
        <ui:include src="footer.xhtml"/>
        <div class="gw-ftr-bck" style="padding:8px;font-size:12px;">#{hmBn.UI_FOOTER_HOME}</div>
    </h:body>
</html>

